﻿<!DOCTYPE html>
<html>
  <head>
    <title>Thông tin khách</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="UTF-8">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
	  <link href="css/datepicker.css" rel="stylesheet">
   <script src="https://code.jquery.com/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
	 <script src="js/bootstrap-datepicker.js"></script>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
 <script>
     $(function () {
         window.prettyPrint && prettyPrint();
         $('.datepicker').datepicker({
             format: 'dd-mm-yyyy'
         });
     }); 
  </script>
  </head>
  <body>
  <body>
  <h3 class="text-center  text-success">Thông tin hành khách</h3>
  
  <div class="panel panel-primary">
  <div class="panel-heading">
  <h3 class="panel-title">Thông tin khách bay</h3>
  </div>
  <div class="panel-body">
  <form class="form-horizontal" role="form" action="Flights.html">
  <div class="form-group ">
    <label class="col-md-3 col-sm-3 control-label text-right text-info">Họ và Tên Người lớn</label>
    <div class="col-md-3 col-sm-5">
  	<input type="text" class="form-control " placeholder="Phải trùng với hộ chiếu/ chứng minh thư" />
    </div>
    </div>
    <div class="form-group ">
    <label class="col-md-3 col-sm-3 control-label text-right text-info">Họ và Tên Người lớn</label>
    <div class="col-md-3 col-sm-5">
  	<input type="text" class="form-control " placeholder="Phải trùng với hộ chiếu/ chứng minh thư" />
    </div>
    </div>
    <div class="form-group ">
    <label class="col-md-3 col-sm-3 control-label text-right text-info">Họ và Tên Người lớn</label>
    <div class="col-md-3 col-sm-5">
  	<input type="text" class="form-control " placeholder="Phải trùng với hộ chiếu/ chứng minh thư" />
    </div>
    </div>
  <div class="form-group form-inline">
   <label class="col-md-3 col-sm-3 control-label text-right text-info">Họ và Tên Trẻ em</label>
    <div class="col-md-3 col-sm-5">
  	<input type="text" class="form-control" placeholder="Phải trùng với hộ chiếu/ chứng minh thư" />
	</div>
        <div class="col-md-2 col-sm-3">
  	<input type="text" class="form-control datepicker" placeholder="Ngày sinh (2->12 tuổi)" />
	</div>
  </div>
 <div class="form-group">
   <label class="col-md-3 col-sm-3 control-label text-right text-info">Họ và Tên em bé</label>
    <div class="col-md-3 col-sm-5">
  	<input type="text" class="form-control " placeholder="Phải trùng với hộ chiếu/ chứng minh thư" />
	</div>
        <div class="col-md-2 col-sm-3">
  	<input type="text" class="form-control datepicker" placeholder="Ngày sinh(<2 tuổi)" />
	</div>
  </div>

</form>
  </div>
  </div>
  <div class="panel panel-primary">
  <div class="panel-heading">
  <h3 class="panel-title">Thông tin liên hệ người đặt chỗ</h3>
  </div>
  <div class="panel-body">
  <form class="form-horizontal" role="form" action="Flights.html">
  <div class="form-group ">
    <label class="col-md-3 col-sm-3 control-label text-right text-info">Họ và Tên Người lớn</label>
    <div class="col-md-3 col-sm-5">
  	<input type="text" class="form-control " placeholder="Tiếng việt không dấu" />
    </div>
    </div>
    <div class="form-group ">
    <label class="col-md-3 col-sm-3 control-label text-right text-info">Email</label>
    <div class="col-md-3 col-sm-5">
  	<input type="text" class="form-control " placeholder="Địa chỉ email để nhận thông báo" />
    </div>
    </div>
    <div class="form-group ">
    <label class="col-md-3 col-sm-3 control-label text-right text-info">Số điện thoại</label>
    <div class="col-md-3 col-sm-5">
  	<input type="text" class="form-control " placeholder="Số điện thoại liên hệ" />
    </div>
    </div>
    
</form>
  </div>
  </div>

<ul class="pager">
  <li class="previous"><a href="Flights.html">  <span class="glyphicon glyphicon-arrow-left"> Trở về</span></a></li>
  <li class="next"><a href="ReviewInfo.html"> Hoàn thành <span class="glyphicon glyphicon-ok-circle"></span> </a></li>
</ul>
  </body>
  </body>
</html>